-----------------------

HTLM Crib Sheet V1.0 

-----------------------

All the code you should need to produce or edit BRT web-pages should be below. It is in alphabetic order. Simply open up this file in MS Notepad or similar and use it in parallel with the HTML file you are working on.

'Copy' (don't 'Cut' from here or you will lose the entries) these pieces of useful code into your work.

All entries are HTML 5.0 compliant.


There are some extra page-specific lines of code at the bottom of the page.


Change font attributes, sizes, colours etc. as necessary.


Change photographic format if necessary - i.e. - .jpg etc.


(Replace the words 'TEXT' or 'XXX' etc. as you go - remove these prior to repeat copy and pasting.)

----------------------------------------------------------------------------------------------------

(For the Friends of the Old Pier Society and BRT by ASM - 2018)

----------------------------------------------------------------
----------------

BOLD

----------------


	<strong>YOUR TEXT</strong>


----------------

CENTRE (PARAGRAPH or IMAGE INSIDE THIS) (Note: US spelling)

----------------


	<p align="center">YOUR TEXT ETC</p>


----------------

CHANGE ATTRIBUTES

----------------


	Change font, HTML5 output: <span style="font-family: Times New Roman;">TEXT</span>

	Change font color, HTML5 output: <span style="color: #ff0000;">TEXT</span> 

	Change font size, HTML5 output: <span style="font-size: 24px;">TEXT</span> 

	Multiple Attributes: <span style="font-family: Times New Roman; color: #ff0000; font-size: 24px;">TEXT</span>


----------------

COPYRIGHT

----------------


	&copy;


----------------

DIVISION/DIVIDER

----------------


	<div>CONTENT</div>


----------------

DIVISION WITH SHADOW BREAK 

----------------


	...end of previous paragraph</p>
	</div>
	<div id="content" class="clearfix shadow">
	<br />
	<p>New paragraph starts here...


----------------

E-MAIL

----------------


	<strong><a href="mailto:XXX@birnbeckregenerationtrust.org.uk">XXX@birnbeckregenerationtrust.org.uk</a></strong>


----------------

HEADINGS

----------------


	<h1>TEXT</h1> (largest)

	<h2></h2>

	<h3></h3>

	<h4></h4> (smallest)


----------------

IMAGE

----------------


	<img src="images/XXX.jpg" alt="Discription #" />


----------------

INDENT

----------------


	<div style="text-indent: 2em;">TEXT</div>


----------------

LINE BREAK

----------------


	<br /> (Note : no closing tag but can be used repeatedly)


----------------

LINK TO EXTERNAL INTERNET SOURCE

----------------


	<a href="http://www.XXX/">http://www.XXX</a>


----------------

LINKED IMAGE

----------------


	<a href="http://www.XXX"><img style="border: 0px solid ; width: XXX; height: XXX;" alt="XXX" src="images/"></a>


----------------

LIST (Unnumbered)

----------------


	<ul>
	<li>text</li>
	<li></li>
	</ul>


----------------

PARAGRAPH

----------------

	<p>TEXT</p>


----------------

PAYPAL (No security issues arise for use of this code - it simply puts a Paypal link on a web-page.)

----------------


	Payments can be made by <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CYAP2MYL4K6M4">Paypal</a><br />
			<br />
	or by <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CYAP2MYL4K6M4">Paypal</a> - please add event details in the information field)


----------------

SPACE

----------------


	&nbsp;


----------------

UNDERLINE

----------------


	<span style="text-decoration: underline;">text</span>


----------------

WEBSITE INTERNAL LINK

----------------


	<a href=".html">XXX</a>


------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------

----------------------------

PAGE SPECIFIC CODE LINES

----------------------------
----------------

GALLERY LINE

----------------

	<p align="center">
	<img src="images/FOLDER/XXX.jpg" alt="Birnbeck Gallery Image #X" width="XXX" height="XXX" />
	<br /><br />


----------------

SUPPORTERS PAGE NEW LINE

----------------


	<p><strong>XXX (XXX)</strong> (<strong><a href="http://www.XXX/">http://www.XXX</a></strong>)</p>


----------------

REPEAT GALLERY CODE

----------------


	<br /><br />
	<img src="images/galleryXX/XX01.jpg" alt="Birnbeck Gallery Image #1" width="XX" height="XX" />
	<br /><br />
	<img src="images/galleryXX/XX02.jpg" alt="Birnbeck Gallery Image #2" width="XX" height="XX" />
	<br /><br />
	<img src="images/galleryXX/XX03.jpg" alt="Birnbeck Gallery Image #3" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX04.jpg" alt="Birnbeck Gallery Image #4" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX05.jpg" alt="Birnbeck Gallery Image #5" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX06.jpg" alt="Birnbeck Gallery Image #6" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX07.jpg" alt="Birnbeck Gallery Image #7" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX08.jpg" alt="Birnbeck Gallery Image #8" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX09.jpg" alt="Birnbeck Gallery Image #9" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX10.jpg" alt="Birnbeck Gallery Image #10" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX11.jpg" alt="Birnbeck Gallery Image #11" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX12.jpg" alt="Birnbeck Gallery Image #12" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX13.jpg" alt="Birnbeck Gallery Image #13" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX14.jpg" alt="Birnbeck Gallery Image #14" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX15.jpg" alt="Birnbeck Gallery Image #15" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX16.jpg" alt="Birnbeck Gallery Image #16" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX17.jpg" alt="Birnbeck Gallery Image #17" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX18.jpg" alt="Birnbeck Gallery Image #18" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX19.jpg" alt="Birnbeck Gallery Image #19" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX20.jpg" alt="Birnbeck Gallery Image #20" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX21.jpg" alt="Birnbeck Gallery Image #21" width="" height="" />
	<br /><br />
	<img src="images/galleryXX/XX22.jpg" alt="Birnbeck Gallery Image #22" width="" height="" />
	</p>



---------------------

FRONT PAGE (INDEX) EVENTS ENTRY

---------------------

	<h3>** FUNDRAISING EVENT **</h3>  (preview this line to adjust width to fit column!)
	<p align="center"><strong>SHORT DESCRIPTION</strong></p>
	<p><img src="images/events/XX-XX-X(title)240.jpg" alt="XXX" style="width:240px;height:XXXpx;"></p>
	<p>DAY XXX DATE XXX at XXX - from XX.00 AM to XX.00 PM. <strong><a href="https://www.facebook.com/events/XXXXXXXXXXXXXXX/">Please see this Facebook page for further details</a></strong>.</p>


REGULAR VENUE ADDRESSES:


	the Boulevard United Reformed Church, Waterloo St, W-s-M


	the Working Mens Club, 6-10 Orchard St, W-s-M


	the 49 Club, Baker St, W-s-M

	
---------------------

EVENTS PAGE ENTRY

---------------------


	<h3>Event Title (lower case) - Day Date Month Year</h3>
	<br />
	<p align="center"><img src="images/events/XX-XX-X(title)440.jpg" alt="Desc." style="width:440px;height:XXXpx;"></p>
	<p align="center"><strong>Birnbeck Regeneration Trust Fundraising Event<br />
	<br />
	FUNDRAISING EVENT - TITLE LINE<br />
	<br />
	Day Date Month Year</strong><br />
	<br />
	At (venue XXX)<br />
	<br />
	(additional text)<br />
	<br />
	Time: XX.00 AM to XX.00 PM<br />
	<br />
	Venue: (repeat)<br />
	<br />
	<br />
	<strong>-------------------</strong></p>





-------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------

(End)